a {
color: #777;
text-decoration: none;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


.panel {
	position: relative;
	background: #fff
}

.panel.panel-dark,.panel.panel-dark .panel-heading {
	background: #111 !important;
	border-color: #060606 !important
}

.panel.panel-dark .panel-heading .tool-bar li a {
	color: #fff
}

.panel.panel-dark .panel-footer {
	background: #111 !important;
	border-color: #060606 !important
}

.panel.panel-default {
	border-color: #f1f5fc
}

.panel.panel-default .panel-heading+.panel-collapse .panel-body {
	border-top-color: #f1f5fc
}

.panel.panel-default .panel-heading {
	background: #fff;
	color: #777;
	border-color: #f1f5fc
}

.panel.panel-default .panel-title a {
	font-size: 12px
}

.panel.panel-default .panel-title a:focus,.panel.panel-default .panel-title a:hover
	{
	text-decoration: none;
	color: #aaa
}

.panel.panel-default .panel-footer {
	background: #fff;
	border-color: #f1f5fc;
	color: #777
}

.panel .tool-bar {
	float: right;
	list-style: none;
	margin-bottom: 0
}

.panel .tool-bar li {
	display: inline-block;
	float: left
}

.panel .tool-bar li:last-child a {
	margin-right: -15px
}

.panel .tool-bar li a {
	display: block;
	padding: 10px;
	margin: -10px 0;
	border-left: 1px solid rgba(0, 0, 0, .1);
	transition: background-color .2s ease;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	-o-transition: background-color .2s ease
}

.panel .tool-bar li a:hover {
	background-color: rgba(0, 0, 0, .02);
	transition: background-color .2s ease;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	-o-transition: background-color .2s ease
}

.panel.bg-primary .panel-footer {
	border-color: #393847;
	background: rgba(20, 20, 20, .07)
}

.panel.bg-info .panel-footer {
	border-color: #1bc8fc;
	background: rgba(20, 20, 20, .07)
}

.panel.bg-success .panel-footer {
	border-color: #80c641;
	background: rgba(20, 20, 20, .07)
}

.panel.bg-warning .panel-footer {
	border-color: #ffb512;
	background: rgba(20, 20, 20, .07)
}

.panel.bg-danger .panel-footer {
	border-color: #f51901;
	background: rgba(20, 20, 20, .07)
}

.panel-group .panel-heading+.panel-collapse .panel-body {
	border-top-color: #f1f5fc
}

.panel-stat1 {
	text-align: center;
	cursor: pointer;
	overflow: hidden
}

.panel-stat1:hover .value {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat1:hover .title {
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat1 .value {
	font-size: 60px;
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat1 .title {
	font-size: 16px;
	margin-top: -15px;
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat2 {
	cursor: pointer;
	overflow: hidden
}

.panel-stat2:hover .value {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat2:hover .title {
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat2:hover .stat-icon {
	transform: scale(1.5) rotate(60deg) translateX(30px) translateY(-15px);
	-webkit-transform: scale(1.5) rotate(60deg) translateX(30px)
		translateY(-15px);
	-moz-transform: scale(1.5) rotate(60deg) translateX(30px)
		translateY(-15px);
	-ms-transform: scale(1.5) rotate(60deg) translateX(30px)
		translateY(-15px);
	-o-transform: scale(1.5) rotate(60deg) translateX(30px)
		translateY(-15px);
	opacity: .4;
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat2 .stat-icon {
	display: inline-block;
	float: left;
	font-size: 50px;
	line-height: 83px;
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat2 .value {
	font-size: 60px;
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat2 .title {
	font-size: 16px;
	margin-top: -15px;
	margin-right: 10px;
	transition: -webkit-transform .4s ease;
	-webkit-transition: -moz-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-ms-transition: -ms-transform .4s ease;
	-o-transition: -o-transform .4s ease
}

.panel-stat3 {
	position: relative;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px;
	color: #fff;
	cursor: pointer
}

.panel-stat3 .stat-icon {
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 30px;
	opacity: .3
}

.panel-stat3 .refresh-button {
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	color: rgba(0, 0, 0, .3)
}

.panel-stat3 .refresh-button:hover {
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease
}

.panel-overview {
	padding: 0
}

.panel-overview:after,.panel-overview:before {
	display: table;
	line-height: 0;
	content: ""
}

.panel-overview:after {
	clear: both
}

.panel-overview .overview-icon {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
	padding: 10px;
	font-size: 70px
}

.panel-overview .overview-value {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
	padding: 15px 10px 10px
}

.panel-tab {
	background: #f9f9f9
}

.panel-tab:after,.panel-tab:before {
	display: table;
	line-height: 0;
	content: ""
}

.panel-tab:after {
	clear: both
}







.bg-white {
	background-color: #fff;
	color: #777;
}

.bg-light {
	background-color: #f1f5fc;
	color: #777;
}

.bg-dark {
	background-color: #222
}

.bg-grey {
	background-color: #eee;
	text-shadow: 0 1px #fff
}

.bg-primary {
	background-color: #504f63;
	color: #BECFDF
}

.bg-primary a {
	color: #BECFDF
}

.bg-primary a:focus,.bg-primary a:hover {
	color: #fff
}

.bg-warning {
	background-color: #ffc545;
	color: #fff
}

.bg-info {
	background-color: #4dd4fd;
	color: #fff
}

.bg-success {
	background-color: #9ad268;
	color: #fff
}

.bg-danger {
	background-color: #fe402b !important;
	color: #fff !important
}




/* Small devices (tablets, 768px and up) */
@media(max-width:768px) {
    .col5 {
	  width: 50%;
	  *width: 50%;
	  float: left;
	  padding-left: 15px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media(min-width:768px) {
    .col5 {
	  width: 20%;
	  *width: 20%;
	  float: left;
	  padding-left: 15px;
	}
}










